<template>
  <img src="@/assets/user/04人才招聘/01.jpg" style="object-fit: contain;width: 100%" alt="">
  <div class="tabs">
    <div class="tab" @click="changeActiveTab3(1)" :class="{active:activeTab===1}">招贤纳士</div>
  </div>
  <div>
    <div
        style="color: blue;font-size: 30px;font-weight: bold;letter-spacing: 3px;text-align: center;margin-top: 20px;margin-bottom: 10px">
      招贤纳士
    </div>
    <div style="font-size: 14px;text-align: center;margin-bottom: 30px">RECRUIT WISE MEN</div>
    <div style="margin: 0 auto;width: 70%">
      <Editor
          v-model="content"
          :defaultConfig="editorConfig"
      />
    </div>
  </div>
</template>

<script setup>
import {ref} from "vue";
import {getRequest} from "@/util/request.js";
import {Editor} from "@wangeditor/editor-for-vue";

let activeTab = ref(1)

function changeActiveTab3(index) {
  activeTab.value = index;
}

let content = ref();
const editorConfig = {
  MENU_CONF: {
    uploadImage: {},
    uploadVideo: {}
  },
  readOnly:true
}
let url = {
  get: "/introduce/get",
}

function get() {
  getRequest(url.get, {type: 4}).then(res => {
    content.value = res.data;
  })
}

get();
</script>

<style scoped>
.tabs {
  height: 60px;
  display: flex;
  text-align: center;
  letter-spacing: 2px;
  width: 100px;
  margin: 0 auto;

  .tab {
    width: 100px;
    margin-top: 30px;
    cursor: pointer;
  }

  .tab.active {
    color: blue;
    border-bottom: 2px solid blue;
  }
}
</style>